<template>
  <div>
    <div>
      <van-nav-bar >
        <template #right>
          <van-icon name="more-o" size="20" />
        </template>
        <template #left>
          <van-icon name="more-o" size="20" />
        </template>
      </van-nav-bar>
    </div>
    <div>
      <div>
        <img :src="add.picturePath" alt="" class="yui1" />
      </div>
      <div>
        <h2>{{ add.name }}</h2>
      </div>
      <div>
        <h2>{{ add.chargeType }}</h2>
      </div>
      <div>江河</div>
      <div>鱼种</div>
      <div>{{ add.summary }}</div>
    </div>
    <div>
      <div><h2>温馨提示</h2></div>
      <div>1.如首次前往，请拨打钓场电话或咨询点评钓友。</div>
      <div>2.如发现钓场信息有误，请及时报错，我们将给予丰厚奖励。</div>
    </div>
    <div>
      <div>
        <div>评论(9条)</div>
        <div>查看全部 <van-icon name="arrow" /></div>
      </div>
      <div>
          <div>
        <van-image
          round
          width="10rem"
          height="10rem"
          src="https://img.yzcdn.cn/vant/cat.jpeg"
        />
        </div>
        <div>
            {{add.contractUser}}
           <div>评星</div> 
        </div>
      </div>
      <div>{{add.commentVoList[0].content}}</div>
    </div>
  </div>
</template>
<script>
import axios from 'axios';
export default {
  data() {
    return {
      yu: this.$route.query.du,
      add: [],
    };
  },
  mounted() {
    axios
      .post(
        '/api/cfishingponds/selectone',
        {},
        {
          params: {
            id: this.yu,
          },
        }
      )
      .then((res) => {
        console.log(res.data.data);
        this.add = res.data.data;
      });
  },
};
</script>
<style scoped>
.yui1 {
  width: 37.5rem;
  height: 15rem;
}
</style>